Visit the Full Website Here: https://typographicsconference.netlify.app/

For this assignment, I was tasked with creating a website design for the 2024 Typographics conference. As I was given the content to put into the website, the only design constraint given was that I needed to use a singular variable font across the entire website and make it the star. The font I chose was Handjet, a element-based variable font where every glyph is composed using multiple copies of the same element. 

Handjet is the only font used throughout all the pages of the website. All the slight changes to the font's design was done by changing the variable settings of the font itself.

In order to make full use of the variable font I selected, I decided to animate the headers and navigation of the website using simple keyframes. For this animation, the keyframes simply scroll through some of the glyph shapes available in the font. The animation is then repeated indefinitely.